<!DOCTYPE html>
<html class="no-js">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">

        <link rel="stylesheet" href="../css/main.css">

        <script src="../js/vendor/modernizr-2.6.2.min.js"></script>
    </head>
    <body>
        <!--[if lt IE 7]>
            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
        <![endif]-->

        <div class="navbar navbar-fixed-top visible-phone">
            <div class="navbar-inner">
                <div class="container">
                    <a href="#" class="brand"><img src="../img/logo.png" alt="Innovaclub"></a>
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </a>
                    <div class="nav-collapse collapse">
                        <ul class="nav">
                            <li><a href="#">Explorar cursos</a></li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Categorías <b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                    <li><a href="#">Action</a></li>
                                    <li><a href="#">Another action</a></li>
                                    <li><a href="#">Something else here</a></li>
                                    <li><a href="#">Separated link</a></li>
                                    <li><a href="#">One more separated link</a></li>
                                </ul>
                            </li>
                            <li class="divider"></li>
                            <li><a href="#">Buscar empleos en Innovaempleos <i class="icon-external-link"></i></a></li>
                            <li class="divider"></li>
                            <li class="social">
                                Seguinos en
                                <a href="https://www.facebook.com/innovaclubarg" target="_new" class="icon-stack facebook"><i class="icon-circle icon-stack-base"></i><i class="icon-light icon-facebook"></i></a>
                                <a href="https://twitter.com/InnovaClubArg" target="_new" class="icon-stack twitter"><i class="icon-circle icon-stack-base"></i><i class="icon-light icon-twitter"></i></a>
                                <a href="http://www.linkedin.com/company/innova-club?trk=hb_tab_compy_id_2760397" target="_new" class="icon-stack linkedin"><i class="icon-circle icon-stack-base"></i><i class="icon-light icon-linkedin"></i></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        

        <div class="innova-bar hidden-phone">
            <div class="container">
                <ul class="nav nav-tabs pull-right social">
                    <li>
                        <a href="https://www.facebook.com/innovaclubarg" target="_new" class="icon-stack social facebook"><i class="icon-circle icon-stack-base"></i><i class="icon-light icon-facebook"></i></a>
                    </li>
                    <li>
                        <a href="https://twitter.com/InnovaClubArg" target="_new" class="icon-stack social twitter"><i class="icon-circle icon-stack-base"></i><i class="icon-light icon-twitter"></i></a>
                    </li>
                    <li>
                        <a href="http://www.linkedin.com/company/innova-club?trk=hb_tab_compy_id_2760397" target="_new" class="icon-stack social linkedin"><i class="icon-circle icon-stack-base"></i><i class="icon-light icon-linkedin"></i></a>
                    </li>
                </ul>
                <ul class="nav nav-tabs links">
                    <li class="active"><a href="#" class="innovaclub">Innovaclub</a></li>
                    <li><a href="#" class="innovaempleos">Innovaempleos</a></li>
                </ul>
            </div>
        </div>

        <div class="container hidden-phone">
            <div class="masthead">
                <ul class="nav nav-pills pull-right">
                    <li><a href="#">Explorar cursos</a></li>
                    <li class="dropdown">
                        <a class="dropdown-toggle dropdown-right" data-toggle="dropdown" href="#">Categorías <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="#">RRHH</a></li>
                            <li><a href="#">Finanzas</a></li>
                            <li><a href="#">Etc</a></li>
                        </ul>
                    </li>
                    <li><a href="#"`>Empleos</a></li>
                </ul>

                <a href="#" class="brand"><img src="../img/logo.png" alt="Innovaclub"></a>
                <span class="slogan">Aprendiendo con expertos</span>

            </div>
        </div>
        
        <!-- Descripcion -->
        <section class="course">
            
            <div class="container">
                <div class="row">

                    <div class="span8">
                        <div class="course-wrap">
                            <!-- Encabezado -->
                            <h1>
                                Selección de personal por competencias
                            </h1>
                                
                            <span class="edition"  data-toggle="tooltip" data-placement="top" title="Éste curso se dictó 3 veces">
                                <em>3ª</em> edición
                            </span>
                            
                            <div class="visible-phone">
                                <hr>
                                <a href="#detalles" class="btn btn-block btn-link">Ver detalles del curso <i class="icon-arrow-down"></i></a>
                                <hr>
                            </div>
                            

                            <!-- Cuerpo -->
                            <div class="img-wrap">
                                <img src="../img/slide2.png" alt="">
                            </div>
                        
                            <p>
                                ¿Por qué selección por competencias?
                                Las Empresas buscan, cada vez más, perfiles competitivos para que integren sus puestos de trabajo, ya sea para los puestos operativos como para en las altas gerencias. Por lo tanto, es necesario contar con selectores profesionales para atraer y seleccionar en el mercado laboral, los recursos humanos adecuados a las necesidades de las Organizaciones.
                                Por competencias nos referimos a las habilidades, conocimientos, actitudes y comportamientos que utiliza una persona para conseguir resultados tanto en su vida personal, social como laboral.</p>
                            <p>
                                La gestión por Competencias en el proceso de selección permite unir las necesidades de las organizaciones con los conocimientos y cualidades que tienen que tener sus empleados para desempeñar eficientemente sus puestos de trabajo.</p>
                            <p>
                                En este curso aprenderemos a utilizar la selección por competencias como herramienta eficaz para realizar descripciones de puestos, analizar Curriculum Vitae y evaluar perfiles en las entrevistas laborales. </p>
                            
                            
                            <h2>Objetivos</h2>
                            <p>Este programa brindará a los participantes:</p>
                            <ul>
                                <li>Establecer y reaprender métodos y técnicas de selección.</li>
                                <li>Lograr optimizar los recursos con que cuento, tanto humanos como monetarios, edilicios y sobre todo el tiempo en la ejecución de los procesos.</li>
                                <li>Conseguir la mejor persona para el puesto propuesto.</li>
                            </ul>
                            
                            <h2>Programa</h2>
                            <p>
                                Por competencias nos referimos a las habilidades, conocimientos, actitudes y comportamientos que utiliza una persona para conseguir resultados tanto en su vida personal, social como laboral.</p>
                            <p>
                                La gestión por Competencias en el proceso de selección permite unir las necesidades de las organizaciones con los conocimientos y cualidades que tienen que tener sus empleados para desempeñar eficientemente sus puestos de trabajo.</p>
                            
                            <h3>Subtítulo</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam, voluptate delectus inventore quaerat eaque animi quod ullam porro aperiam vero unde officia totam quae fuga assumenda nisi et ipsam necessitatibus.</p>
                            <ul>
                                <li>Establecer y reaprender métodos y técnicas de selección.</li>
                                <li>Lograr optimizar los recursos con que cuento, tanto humanos como monetarios, edilicios y sobre todo el tiempo en la ejecución de los procesos.</li>
                                <li>Conseguir la mejor persona para el puesto propuesto.</li>
                            </ul>
                                
                        </div>
                        
                    </div>

                    <!-- Info lateral -->
                    <div id="detalles" class="course-sidebar span4">

                        <!-- Detalles del curso -->
                        <div class="info-box course-details">
                            <div class="section">
                                <ul class="inline">
                                    <li><img src="holder.js/80x80/text:Sponsor" alt="" data-toggle="tooltip" title="Sponsor número 1"></li>
                                    <li><img src="holder.js/80x80/text:Sponsor" alt="" data-toggle="tooltip" title="Otro sponsor"></li>
                                </ul>
                            </div>
                            <div class="section">
                                <p><strong><i class="icon-time"></i> Inicio:</strong> 23 de junio de 2013</p>
                                <p>
                                    <i class="icon-map-marker"></i> Formosa 157, Resistencia, Chaco
                                </p>
                                Viernes, 17:30 a 19:30
                            </div>
                            <div class="section">
                                <a href="#consultar-curso" class="btn btn-warning call-to-action" data-toggle="modal">Consultar sobre éste curso</a>
                            </div>
                            <div class="section">
                                <div class="sharers"><img src="../img/sharers.png" alt=""></div>
                            </div>
                        </div>

                        <!-- Profesor/es -->
                        <div class="info-box course-teachers">
                            <!-- Si es un profesor mostramos todo -->
                            <div class="teacher">
                                <div class="text-center">
                                    <img src="holder.js/50x50/auto" alt="">
                                    <span class="lead">Nombre Profesor Bla</span>
                                </div>
                                <hr>
                                <div class="text-center lead">
                                    <a href="#" class="icon-stack social facebook"><i class="icon-circle icon-stack-base"></i><i class="icon-light icon-facebook"></i></a>
                                    <a href="#" class="icon-stack social twitter"><i class="icon-circle icon-stack-base"></i><i class="icon-light icon-twitter"></i></a>
                                </div>
                                <hr>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, doloremque, delectus, est commodi sequi vel reiciendis quidem quas nesciunt obcaecati accusantium temporibus illum sit ratione blanditiis illo ullam porro maiores.</p>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error, nemo ex amet tempora id. Ea, dolor, sunt, velit, id beatae aut consequatur maxime sed perferendis odit officiis inventore voluptatem dignissimos!</p>
                            </div>
                            
                            <!-- Si son dos profesores mostramos el nombre y una ventana modal -->
                            <a href="#profe1" data-toggle="modal" class="teacher text-center">
                                <img src="holder.js/50x50/auto" alt="">
                                Nombre Profesor Bla
                            </a>
                            <a href="#profe1" data-toggle="modal" class="teacher text-center">
                                <img src="holder.js/50x50/auto" alt="">
                                Nombre Profesor Bla
                            </a>

                            <!-- Hay que hacer un modal por cada profesor y asignarles ids distintos, concordantes con los <a> de arriba -->
                            <div class="modal hide fade modal-teacher" id="profe1">
                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                <div class="modal-body">
                                    
                                    <!-- Nombre y foto -->
                                    <div class="text-center lead">
                                        <img src="holder.js/50x50/auto" class="img-circle" alt="">
                                        <p>Juan Augusto Peloso</p>
                                    </div>

                                    <hr>
                                    
                                    <!-- Cuentas sociales del profesor -->
                                    <div class="text-center lead">
                                        <a href="#" class="icon-stack social facebook"><i class="icon-circle icon-stack-base"></i><i class="icon-light icon-facebook"></i></a>
                                        <a href="#" class="icon-stack social twitter"><i class="icon-circle icon-stack-base"></i><i class="icon-light icon-twitter"></i></a>
                                    </div>
                                    
                                    <hr>
                                    
                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, doloremque, delectus, est commodi sequi vel reiciendis quidem quas nesciunt obcaecati accusantium temporibus illum sit ratione blanditiis illo ullam porro maiores.</p>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error, nemo ex amet tempora id. Ea, dolor, sunt, velit, id beatae aut consequatur maxime sed perferendis odit officiis inventore voluptatem dignissimos!</p>
                                </div>
                            </div>
                        </div>

                        <!-- Testimonios -->
                        <div class="info-box endorsements">
                            <div class="box-head">
                                <span><i class="icon-quote-left"></i></span>
                            </div>
                            <blockquote>
                                <p>Este curso cambió mi vida siete veces.</p>
                                <small>Juan José Paso</small>
                            </blockquote>
                            <blockquote>
                                <p>Blablabla blabla blabla bla.</p>
                                <small>Alguien</small>
                            </blockquote>
                            <blockquote>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
                                <small>Blablo</small>
                            </blockquote>
                        </div>

                    </div> <!-- / Info lateral -->

                </div>

                <div class="row">
                    <div class="span8">
                        <!-- Call to action -->
                        <a href="#consultar-curso" class="call-to-action btn btn-warning btn-large" data-toggle="modal">
                            Consultar sobre éste curso
                        </a>
                    </div>
                </div>
            </div>    

            <!-- Formulario de consulta -->
            <form action="" class="modal hide fade form-horizontal" id="consultar-curso">
                <!-- <div class="modal-header">
                    <h4>Consultar sobre éste curso</h4>
                </div> -->
                <div class="modal-body">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    
                    <p class="lead">Dejanos tus datos y nos pondremos en contacto con vos a la brevedad.</p>
                    
                    <hr>
                    
                    <div class="control-group">
                        <label for="inputNombre" class="control-label">Nombre y apellido</label>
                        <div class="controls"><input type="text" id="inputNombre"></div>
                    </div>
                    <div class="control-group">
                        <label for="inputMail" class="control-label">Email</label>
                        <div class="controls"><input type="text" id="inputMail"></div>
                    </div>
                    <div class="control-group">
                        <label for="inputTelefono" class="control-label">Teléfono</label>
                        <div class="controls"><input type="text" id="inputTelefono"></div>
                    </div>
                    <div class="control-group">
                        <label for="inputLocalidad" class="control-label">Localidad</label>
                        <div class="controls"><input type="text" id="inputLocalidad"></div>
                    </div>
                    <div class="control-group">
                        <span class="control-label">Horarios en que podes asistir</span>
                        <div class="controls">
                            <label class="checkbox">
                                <input type="checkbox">
                                Jueves y Viernes, 17:30 a 21:00
                            </label>
                            <label class="checkbox">
                                <input type="checkbox">
                                Lunes y Miércoles, 17:30 a 21:00
                            </label>
                        </div>
                    </div>
                    <div class="control-group">
                        <label for="inputAclaraciones" class="control-label">Aclaraciones</label>
                        <div class="controls"><textarea id="inputAclaraciones" rows="3"></textarea></div>
                    </div>
                </div>
                <div class="modal-footer">
                    <a href="#" class="btn btn-link" data-dismiss="modal">Cerrar</a>
                    <button type="submit" class="btn btn-primary">Enviar consulta</button>
                </div>
            </form>

        </section>


        <!-- Otros Cursos -->
        <section class="top-fold">
            <div class="container">
                <h3>Cursos relacionados</h3>

                <ul class="thumbnails courses-cards">
                    <li class="span4">
                        <div class="thumbnail">
                            <a href="#"><img src="holder.js/400x200/auto" alt=""></a>
                            <div class="caption">
                                <h4><a href="#">Selección de personal por competencias</a></h4>
                                <div class="meta">
                                    <span class="pull-left"><i class="icon-user"></i> Nombre Profesor</span>
                                    <span class="pull-right"><i class="icon-map-marker"></i> Resistencia</span>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="span4">
                        <div class="thumbnail">
                            <a href="#"><img src="holder.js/400x200/auto" alt=""></a>
                            <div class="caption">
                                <h4><a href="#">Selección de personal por competencias</a></h4>
                                <div class="meta">
                                    <span class="pull-left"><i class="icon-user"></i> Nombre Profesor</span>
                                    <span class="pull-right"><i class="icon-map-marker"></i> Resistencia</span>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="span4">
                        <div class="thumbnail">
                            <a href="#"><img src="holder.js/400x200/auto" alt=""></a>
                            <div class="caption">
                                <h4><a href="#">Selección de personal por competencias</a></h4>
                                <div class="meta">
                                    <span class="pull-left"><i class="icon-user"></i> Nombre Profesor</span>
                                    <span class="pull-right"><i class="icon-map-marker"></i> Resistencia</span>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </section>


        <!-- Pie de página -->
        <footer>
            <div class="container">
                <div class="row">

                    <div class="span3">
                        <ul class="nav nav-list">
                            <li><a href="#">Todos los cursos</a></li>
                            <li><a href="#">Preguntas frecuentes</a></li>
                            <li><a href="#">Nosotros</a></li>
                        </ul>
                        <img src="holder.js/400x200/auto" alt="">
                    </div>

                    <div class="span3">
                        Seguinos:
                        <a href="#" class="icon-stack social facebook"><i class="icon-circle icon-stack-base"></i><i class="icon-light icon-facebook"></i></a>
                        <a href="#" class="icon-stack social twitter"><i class="icon-circle icon-stack-base"></i><i class="icon-light icon-twitter"></i></a>
                        <a href="#" class="icon-stack social linkedin"><i class="icon-circle icon-stack-base"></i><i class="icon-light icon-linkedin"></i></a>

                        <hr>

                        <img src="img/socialplugin.png" alt="">
                    </div>

                    <div class="span3">
                        <div class="icon-stack header-icon"><i class="icon-circle icon-stack-base"></i><i class="icon-map-marker"></i></div>

                        <img src="holder.js/400x400/auto/industrial" alt="">
                    </div>

                    <div class="span3">
                        <div class="icon-stack header-icon"><i class="icon-circle icon-stack-base"></i><i class="icon-comments"></i></div>

                        <form action="">
                            <fieldset>
                                <input class="input-block-level" type="text" placeholder="Nombre">
                                <input class="input-block-level" type="tel" placeholder="Teléfono">
                                <input class="input-block-level" type="email" placeholder="Email">
                                <textarea class="input-block-level" name="" id="" rows="3"></textarea>
                                
                                <button class="btn" type="submit">
                                    Enviar
                                    <i class="icon-chevron-sign-right"></i>
                                </button>
                            </fieldset>
                        </form>
                    </div>
                </div>
            </div>
        </footer>


        <!-- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> -->
        <script>window.jQuery || document.write('<script src="../js/vendor/jquery-1.9.1.min.js"><\/script>')</script>

        <script src="../js/vendor/bootstrap.min.js"></script>
        <script src="../js/vendor/holder.js"></script>

        <script src="../js/plugins.js"></script>
        <script src="../js/main.js"></script>

        <script>
            // var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
            // (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
            // g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
            // s.parentNode.insertBefore(g,s)}(document,'script'));
        </script>
    </body>
</html>
